<template>
  <div>
    <h1>v-text的使用</h1>
    <p>{{ msg }}</p>
    <p v-text="msg"></p>
    <!-- v-html 可以解析网特结构,一般用于富文本 -->
    <p v-html="msg">有内味</p>
    <p v-html="msg.toUpperCase() + '来来来,拼一下'">内容</p>
  </div>
</template>

<script>
export default {
  data() {
    return { msg: "<h2>hello</h2> <hr>" };
  },
};
</script>

<style lang="less" scoped>
p {
  color: #da70ca;
}
</style>
